<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>装机方案-方案详情</title>
		<#include "/WEB-INF/ftl/user/include.ftl" />
		<link type="text/css" rel="stylesheet" href="${base}/css/user/scheme_detail.css" />
		<script type="text/javascript" src="${base}/lib/jquery_raty/raty.js"></script>
        <script type="text/javascript" src="${base}/js/user/scheme_detail.js"></script>
	</head>
	<body>
		<#include "/WEB-INF/ftl/user/header.ftl" />
		<div class="navigation">
			<a href="javascript:void(0);">装机方案</a>&nbsp;&gt;
			方案详情
		</div>
		<div class="wrapper">
			<div class="main">
				<h1 class="title">${scheme.schemeName}</h1>
				<div class="summary">
					<span>总价：&yen;&nbsp;<b>${scheme.price}</b>元</span>
					<span><a target="_blank" href="javascript:void(0);" class="blue">${scheme.type.value}</a></span>
					<span>来自：<a target="_blank" href="javascript:void(0);" class="blue">${scheme.userName}</a>&nbsp;(${scheme.time?date})</span>
				</div>
				<div class="preview">
					<h2 class="head-bar">装机方案外观预览</h2>
					<ul>
						<#if scheme.chassis??>
						<li>
							<a target="_blank" href="javascript:void(0);">
								<img height="90" width="120" src="${base}/pic/default.jpg" alt="${scheme.chassis.model}" />
								${scheme.chassis.model}
							</a>
						</li>
						</#if>
						<#if scheme.monitor??>
						<li>
							<a target="_blank" href="javascript:void(0);">
								<img height="90" width="120" src="${base}/pic/default.jpg" alt="${scheme.monitor.model}" />
								${scheme.monitor.model}
							</a>
						</li>
						</#if>
					</ul>
				</div>
				<div class="scheme">
					<h2 class="scheme-hd">装机配置单</h2>
					<div class="scheme-bd">
						<div class="tab">
							<a href="javascript:void(0);" class="selected">配置清单</a>
							<a href="javascript:void(0);">参数</a>
						</div>
						<table>
							<thead>
								<tr class="thead">
									<th><span class="hardware">部件</span></th>
									<th><span class="model">型号</span></th>
									<th><span class="amount">数量</span></th>
									<th><span class="price">价格</span></th>
									<th><span class="scoreUser">用户评分</span></th>
									<th><span class="scorePro">专家评分</span></th>
									<th><span class="performance">性能指数</span></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<#assign model = scheme.mainBoard.model />
									<#assign price = scheme.mainBoard.oPrice />
									<#assign userScore = scheme.mainBoard.wScore />
									<#assign expertScore = scheme.mainBoard.zScore />
									<#assign performance = scheme.mainBoard.performance />
									<td><span class="hardware">主板</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								<tr>
									<#assign model = scheme.cpu.model />
									<#assign price = scheme.cpu.oPrice />
									<#assign userScore = scheme.cpu.wScore />
									<#assign expertScore = scheme.cpu.zScore />
									<#assign performance = scheme.cpu.performance />
									<td><span class="hardware">CPU</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								<tr>
									<#assign model = scheme.memory.model />
									<#assign price = scheme.memory.oPrice />
									<#assign userScore = scheme.memory.wScore />
									<#assign expertScore = scheme.memory.zScore />
									<#assign performance = scheme.memory.performance />
									<td><span class="hardware">内存</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								<tr>
									<#assign model = scheme.disk.model />
									<#assign price = scheme.disk.oPrice />
									<#assign userScore = scheme.disk.wScore />
									<#assign expertScore = scheme.disk.zScore />
									<#assign performance = scheme.disk.performance />
									<td><span class="hardware">硬盘</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								<#if scheme.graphics??>
								<tr>
									<#assign model = scheme.graphics.model />
									<#assign price = scheme.graphics.oPrice />
									<#assign userScore = scheme.graphics.wScore />
									<#assign expertScore = scheme.graphics.zScore />
									<#assign performance = scheme.graphics.performance />
									<td><span class="hardware">显卡</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.chassis??>
								<tr>
									<#assign model = scheme.chassis.model />
									<#assign price = scheme.chassis.oPrice />
									<#assign userScore = scheme.chassis.wScore />
									<#assign expertScore = scheme.chassis.zScore />
									<td><span class="hardware">机箱</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">—</span></td>
								</tr>
								</#if>
								<#if scheme.power??>
								<tr>
									<#assign model = scheme.power.model />
									<#assign price = scheme.power.oPrice />
									<#assign userScore = scheme.power.wScore />
									<#assign expertScore = scheme.power.zScore />
									<td><span class="hardware">电源</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">—</span></td>
								</tr>
								</#if>
								<#if scheme.radiator??>
								<tr>
									<#assign model = scheme.radiator.model />
									<#assign price = scheme.radiator.oPrice />
									<#assign userScore = scheme.radiator.wScore />
									<#assign expertScore = scheme.radiator.zScore />
									<#assign performance = scheme.radiator.performance />
									<td><span class="hardware">散热器</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.driver??>
								<tr>
									<#assign model = scheme.driver.model />
									<#assign price = scheme.driver.oPrice />
									<#assign userScore = scheme.driver.wScore />
									<#assign expertScore = scheme.driver.zScore />
									<#assign performance = scheme.driver.performance />
									<td><span class="hardware">光驱</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.monitor??>
								<tr>
									<#assign model = scheme.monitor.model />
									<#assign price = scheme.monitor.oPrice />
									<#assign userScore = scheme.monitor.wScore />
									<#assign expertScore = scheme.monitor.zScore />
									<#assign performance = scheme.monitor.performance />
									<td><span class="hardware">显示器</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.soundBox??>
								<tr>
									<#assign model = scheme.soundBox.model />
									<#assign price = scheme.soundBox.oPrice />
									<#assign userScore = scheme.soundBox.wScore />
									<#assign expertScore = scheme.soundBox.zScore />
									<#assign performance = scheme.soundBox.performance />
									<td><span class="hardware">音箱</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.soundCard??>
								<tr>
									<#assign model = scheme.soundCard.model />
									<#assign price = scheme.soundCard.oPrice />
									<#assign userScore = scheme.soundCard.wScore />
									<#assign expertScore = scheme.soundCard.zScore />
									<#assign performance = scheme.soundCard.performance />
									<td><span class="hardware">声卡</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
								<#if scheme.networkAdapter??>
								<tr>
									<#assign model = scheme.networkAdapter.model />
									<#assign price = scheme.networkAdapter.oPrice />
									<#assign userScore = scheme.networkAdapter.wScore />
									<#assign expertScore = scheme.networkAdapter.zScore />
									<#assign performance = scheme.networkAdapter.performance />
									<td><span class="hardware">网卡</span></td>
									<td><a href="javascript:void(0);" class="model blue" title="${model}">${model}</a></td>
									<td><span class="amount">1</span></td>
									<td><span class="price">&yen;<b>${price}</b></span></td>
									<td><a href="javascript:void(0);" class="scoreUser green">${userScore}</a></td>
									<td><a href="javascript:void(0);" class="scorePro green">${expertScore}</a></td>
									<td><span class="performance">${performance}</span></td>
								</tr>
								</#if>
							</tbody>
						</table>
						<span class="description">说明：</span>
						<pre class="description-content">${scheme.description}</pre>
					</div>
				</div>
				<div class="comment">
					<h2 class="head-bar">装机方案点评</h2>
					<div class="comment-bd">
						<ul>
							<li class="comment-item">
								<img width="40" height="40" src="../../photo/default.jpg" alt="" />
								<div>
									<p>
										<a href="javascript:void(0);" class="blue">qq175309929</a>
										<span class="comment_time">2012-04-09 02:02</span>
									</p>
									<pre>
										说明： 1：不知道这块主板能否装入上述机箱中；2：鉴于该机箱的特殊性那两块固态硬盘会装在上面的小机箱中；3：关于声卡它因该是可以装在光驱位上吧，然后另一边插在主板PCI-E插槽上（... 
									</pre>
								</div>
							</li>
							<li class="comment-item">
								<img width="40" height="40" src="../../photo/default.jpg" alt="" />
								<div>
									<p>
										<a href="javascript:void(0);" class="blue">无邪盘古</a>
										<span class="comment_time">2012-03-19 00:35</span>
									</p>
									<pre>
										求大神预测一下此配置的可行性！（配置清单）配置 品牌型号 数量 当时的单价 现在的单价 商家数量 CPU Intel 酷睿i7 3960X 至尊版（盒） 1 ? 7300 ? 7300 115家商家 主板 华硕RAMPAGE... 
									</pre>
								</div>
							</li>
						</ul>
						<div class="page-bar">
							<a href="javascript:void(0);">&lt;上一页</a>
							<a href="javascript:void(0);" class="selected">1</a>
							<a href="javascript:void(0);">2</a>
							<a href="javascript:void(0);">3</a>
							<a href="javascript:void(0);">4</a>
							<a href="javascript:void(0);">5</a>
							<span>...</span>
							<a href="javascript:void(0);">82</a>
							<a href="javascript:void(0);">下一页&gt;</a>
						</div>
						<div class="comment-post">
							<h3 class="comment-post-hd">我来点评</h3>
							<form class="comment-post-bd">
								<ul>
									<li>
										<span>评分：</span>
										<span id="star"></span>
										<span id="target"></span>
										<script type="text/javascript">
											$('#star').raty({
												hints : ['极烂', '差', '一般', '好', '完美'],
												path : '${base}/image/',
												target : '#target'
											});
										</script>
									</li>
									<li>
										<span>评论：</span>
										<textarea rows="3" cols="40"></textarea>
									</li>
									<li>
										<input type="submit" value="提交评论" class="input-button" />
									</li>
								</ul>
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="side">
				<a class="buy" href="${base}/buyScheme.do?id=${scheme.id?c}">立即购买此装机方案</a>
				<#list relatedSchemes?keys as key>
				<div class="rank">
					<h2 class="rank-hd">${key}方案排行</h2>
					<ul class="rank-list">
						<#list relatedSchemes[key] as scheme>
						<li>
							<#assign id = scheme.id?c />
							<#assign name = scheme.schemeName />
							<span class="icon">${scheme_index+1}</span>
							<a target="_blank" href="${base}/schemeDetail.do?id=${id}" title="${name}">${name}</a>
						</li>
						</#list>
					</ul>
				</div>
				</#list>
			</div>
		</div>
		<#include "/WEB-INF/ftl/user/footer.ftl" />
	</body>
</html>
